<template>
  <van-tabbar v-model="active" class="foot">
    <van-tabbar-item icon="qr" to="/index">积分榜</van-tabbar-item>
    <van-tabbar-item icon="label-o" to="/call">联系我们</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="user">用户中心</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: "Foot",
  data() {
    return {
      active: 0,
      icon: {
        active: 'https://img01.yzcdn.cn/vant/user-active.png',
        inactive: 'https://img01.yzcdn.cn/vant/user-inactive.png',
      },
    }
  }
}
</script>

<style scoped lang="scss">
.van-tabbar {
  height: 4rem !important;
}

/deep/ .van-tabbar-item__text {
  font-size: 0.8rem;
}

/deep/ .van-tabbar-item__icon {
  font-size: 1.5rem;
}
</style>